<%@include file="taglibs.jsp"%>
<br />
<table class="formulario">
	<caption>Dados do Telefone</caption>
	<tr>
		<th><h:outputLabel for="tipo"
				value="Tipo" /></th>
		<td><h:inputText id="tipo"
				value="#{pessoaBean.telefone.tipo}" /></td>
	</tr>
	<tr>
		<th><h:outputLabel for="ddd"
				value="DDD" /></th>
		<td><h:inputText id="ddd"
				value="#{pessoaBean.telefone.ddd}" /></td>
	</tr>
	<tr>
		<th><h:outputLabel for="numero"
				value="numero" /></th>
		<td><h:inputText id="numero"
				value="#{pessoaBean.telefone.numero}" /></td>
	</tr>
	<tr>
		<th><h:outputLabel for="ramal"
				value="ramal" /></th>
		<td><h:inputText id="ramal"
				value="#{pessoaBean.telefone.ramal}" /></td>
	</tr>
	<tfoot>
		<tr>
			<td colspan="2"><h:commandButton value="Adicionar telefone"
					id="addTelefone" actionListener="#{pessoaBean.addTelefone}" /></td>
		</tr>
	</tfoot>
</table>
<br />
<div align="center">
	<c:if test="${not empty pessoaBean.pessoa.telefones}">
		<table class="listagem">
			<caption>telefones cadastrados</caption>
			<thead>
				<tr>
					<td>id</td>
					<td>numero</td>
				</tr>
			</thead>
			<c:forEach items="#{pessoaBean.pessoa.telefones}" var="telefone">
				<tr>
					<td><h:outputText value="#{telefone.id}" /></td>
					<td><h:outputText value="#{telefone.numero}" /></td>
				</tr>
			</c:forEach>
		</table>
	</c:if>
</div>